<template>
<div class="wp">
    <Dataperson @data1="todatachange()" v-if="person"/>
    <Datachange v-if="change"/>
    
</div>
</template>

<script>

import Dataperson from './Dataperson';
import Datachange from './Datachange';
export default {
    name:'Data',
    components:{
        Dataperson,
        Datachange,
    },
    data(){
        return{
            person:true,
            change:false,
        }
    },
    methods:{
        todatachange(){
            this.person = false;
            this.change = true;
        }
    }
}
</script>

<style  scoped>
.wp {
    width: 1083px;
    height: 623px;
    position: relative;
    text-align: left;
}

</style>